<template>
	<view class="flex align-center justify-between bg-white" @click="$emit('click')"
  style="height: 70rpx;line-height: 70rpx; width: 100%;">
		<view class="flex-1 flex align-center text-greey">
		  <text v-if="leftTitle" :style="{fontSize:fontSize,color:leftColor}" class="text-greey">{{leftTitle}}</text>
      <slot name="leftTitle"></slot>
		  <text class="u-p-l-30" >{{title}}</text>
		</view>
    <view class="flex align-center" style="line-height: 70rpx;" v-if="isRight">
			<view class="flex justify-end u-line-1" style="width: 400rpx;">
				<text class="u-font-24 " v-if="rightTitle" :style="{color:rightColor}">{{rightTitle}}</text>
			</view>
			<uni-icons class="" v-if="rightIcon" type="right" color="#999" size="13"></uni-icons>
    </view>
		
	</view>
</template>

<script>
	export default {
		name:"dy-cell-item",
    props: {
      rightTitle: {
        type:String,
        default: ''
      },
      rightColor: {
        type: String,
        default: '#333'
      },
      leftColor: {
        type: String,
        default: '#999999'
      },
      leftTitle: {
        type:String,
        default: ''
      },
      title: {
        type:String,
        default: ''
      },
      rightIcon: {
        type: Boolean,
        default: true
      },
      isRight: {
        type: Boolean,
        default: true
      },
      fontSize:{
        type:String,
        default:'24rpx'
      }
    },
		data() {
			return {
				
			};
		},
    methods: {
      // itemClick() {
      //   if(!this.url) return 
      //   uni.navigateTo({
      //     url: this.url
      //   })
      // }
    }
	}
</script>

<style lang="scss">

</style>
